import Header from '../../components/Header';
import {
    Button, Row, Col, Grid, FormControl, InputGroup, Modal, FormGroup, Dropdown
} from  '../../rsuite';
import {Link} from 'react-router'
import {connect} from 'react-redux';
import {URL, md5Url} from '../../libs/Url';
import Panel from '../../elements/Panel'

export default React.createClass({
    render(){
        return (
            <Panel>
                <Header>模板管理</Header>
                <div>
                    <div className="template">
                        <div className="col-md-3 cont">
                            <div className="images item ">
                                <a href="#myModal" data-toggle="modal">
                                    <img src={require('../../imgs/gallery/image1.jpg')} alt=""/>
                                </a>
                                <p> 默认模板</p>
                                <p>
                                    <button type="button" className="btn btn-info btn-sm">预览</button>
                                    <button type="button" className="btn btn-primary btn-sm">已应用</button>
                                </p>
                            </div>
                        </div>
                        <div className="col-md-3 cont">
                            <div className="images item ">
                                <a href="#myModal" data-toggle="modal">
                                    <img src={require('../../imgs/gallery/image4.jpg')} alt=""/>
                                </a>
                                <p> 模板一</p>
                                <p>
                                    <button type="button" className="btn btn-info btn-sm">预览</button>
                                    <button type="button" className="btn btn-default btn-sm">应用</button>
                                </p>
                            </div>
                        </div>
                        <div className="col-md-3 cont">
                            <div className="images item ">
                                <a href="#myModal" data-toggle="modal">
                                    <img src={require('../../imgs/gallery/image2.jpg')} alt=""/>
                                </a>
                                <p> 模板二</p>
                                <p>
                                    <button type="button" className="btn btn-info btn-sm">预览</button>
                                    <button type="button" className="btn btn-default btn-sm">应用</button>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </Panel>
        )
    }
})
